<form class="form-horizontal" id="formSelectedSearchDirector" method="post">
<div class="form-group col-md-12 col-sm-3 col-md-offset-3">
    <div class="col-md-10 padding-left-none">
        <div class="form-group col-md-12">
            <div class="col-md-1">
                <button type="button" class="btn btn-white btn-default btn-bold btn-sm btnRemoveSelectedDirector" data-loading-text="<i class='ace-icon fa fa-spinner fa-spin blue bigger-125'></i>">
                    <i class="ace-icon fa fa-trash-o"></i>
                </button>
            </div>
            <div class="col-md-11">
                <div class="input-group">
                    <input type="text" class="form-control input-sm" placeholder="Nhập tên đạo diễn để tìm">
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-white btn-default btn-bold btn-sm">
                            Tìm
                            <i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
                        </button>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-2">
        <a href="{{ url(config.application.backendUrl ~ '/video/loadArtist?type=2') }}" class="btn btn-white btn-default btn-bold btn-sm btnAddDirector" data-toggle="modal" data-target="#modalAddDirectorToVideo">
            <i class="ace-icon glyphicon glyphicon-plus"></i>Thêm đạo diễn
        </a>
    </div>
</div>
</form>

<form class="form-horizontal" id="formSelectedRemoveDirector" method="post">
<div class="form-group col-md-12 col-sm-3 col-md-offset-3">
    <div class="col-md-12">
        <table class="table">
            <thead>
            <tr>
                <td>
                    <label class="position-relative">
                        <input type="checkbox" class="ace removeSelectedDirectorAll" name="removeSelectedDirectorAll" ng-click="checkRemoveSelectedDirectorAll()">
                        <span class="lbl"></span>
                    </label>
                </td>
                <td>Hình ảnh</td>
                <td>Tên</td>
            </tr>
            </thead>
            <tbody id="listSelectedDirectorsVideo">
            {% for videoDirectorLink in videoDirectorLinks %}
                <tr id="selectedDirectorToVideo{{ videoDirectorLink.getArtistId() }}">
                    <td>
                        <label class="position-relative">
                            <input type="checkbox" class="ace selectArtist" name="selectArtist[]" value="{{ videoDirectorLink.getArtistId()}}">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td>{{ videoDirectorLink.artist.getName() }}</td>
                    <td>{{ videoDirectorLink.artist.getName() }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{{ hiddenField( ['video_id','value': video.getId()]) }}
</form>

<div class="clearfix"></div>

<!-- Modal -->
<div class="modal fade" id="modalAddDirectorToVideo" tabindex="-1" role="dialog" aria-labelledby="modalAddDirectorToVideo" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>

            </div>
            <div class="modal-body"><div class="te"></div></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->